<template>
        <div class="messageSearch">
            <el-input v-model="messageSearch" placeholder="" />
        </div>
</template>

<script lang="ts" setup>
import { computed, ref } from 'vue';

const props = defineProps({
    modelValue:{
        type:String
    }
})

const emit = defineEmits(['update:modelValue'])

const messageSearch = computed({
    get(){
        return props.modelValue;
    },
    set(val){  
        emit('update:modelValue',val);
    }
})

</script>

<style lang="scss" scoped>
.messageSearch {
    padding: 5px;

    :deep(.el-input .el-input__wrapper) {
        border-radius: 15px;
    }
}
</style>
